@import url(./base.less);
@import url(./normalize.less);

@rootSize: 37.5rem;

body {
  background-color: #f9fbff;
}
.main {
  height: (60 / @rootSize);
  margin-bottom: (10 / @rootSize);

  .box {
    height: (20 / @rootSize);
    margin: 0 auto;
  }

  .box1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: (11.5 / @rootSize) (10 / @rootSize);
    height: (45 / @rootSize);

    .le {
      width: (15 / @rootSize);
      height: (20 / @rootSize);
      margin-top: (5 / @rootSize);
      margin-left: (10 / @rootSize);
    }

    .left {
      font-size: (16 / @rootSize);
      padding-left: (55 / @rootSize);
      font-weight: 600;
    }

    .right {
      width: (79 / @rootSize);
      height: (7.1 / @rootSize);
      padding-bottom: (30 / @rootSize);
    }
  }
}

.denglu {
  position: relative;
  height: (232 / @rootSize);
  // background-color: pink;

  .chu1 {
    display: flex;
    justify-content: space-between;
    width: (306 / @rootSize);
    height: (130 / @rootSize);
    border-bottom: 1px solid #ebebeb;
    margin: 0 (25 / @rootSize);

    .left a {
      display: inline-block;
      font-size: (18 / @rootSize);
      margin-top: (53 / @rootSize);
      margin-bottom: (3 / @rootSize);
      font-weight: 600;
    }
    .left span {
      display: inline-block;
      margin-right: (100 / @rootSize);
      width: (62 / @rootSize);
      height: (20 / @rootSize);
      background-color: #363636;
      border-radius: (6 / @rootSize) (6 / @rootSize) (6 / @rootSize) 0;
      font-size: (12 / @rootSize);
      color: #f0d393;
      text-align: center;
      line-height: (20 / @rootSize);

      img {
        display: inline-block;
        width: (15 / @rootSize);
        height: (10 / @rootSize);
      }
    }
    .left p {
      font-size: (14 / @rootSize);
      margin-top: (13 / @rootSize);
    }
    .right img {
      margin-top: (40 / @rootSize);
      width: (67 / @rootSize);
      height: (67 / @rootSize);
      border-radius: 50%;
      margin-right: (6 / @rootSize);
    }
  }
  .chu2 {
    height: (100 / @rootSize);
    // background-color: pink;
    display: flex;
    align-items: center;
    justify-content: space-evenly;

    div {
      width: (85 / @rootSize);
      height: (42 / @rootSize);
      border: (1 / @rootSize) solid #4b4b4b;
      border-radius: (8 / @rootSize);
      color: #353535;
      font-size: (14 / @rootSize);
      text-align: center;
      line-height: (42 / @rootSize);
      font-weight: 600;
    }
    div:hover {
      background-color: #363636;
      color: #f0d393;
    }
  }
}

.footer1 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  width: (356 / @rootSize);
  height: (100 / @rootSize);
  padding: 0 (20 / @rootSize);

  div {
    flex-direction: column;
    text-align: center;

    img {
      padding-left: (23 / @rootSize);
    }
    p {
      font-size: (14 / @rootSize);
      margin-top: (11 / @rootSize);
    }
  }
}
.footer2 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  width: (356 / @rootSize);
  height: (100 / @rootSize);
  padding: 0 (20 / @rootSize);

  div {
    flex-direction: column;
    text-align: center;

    img {
      padding-left: (15 / @rootSize);
    }
    p {
      font-size: (14 / @rootSize);
      margin-top: (11 / @rootSize);
    }
  }
  div:nth-child(3) {
    width: (100 / @rootSize);
    background-color: pink;
  }
}
.footer3 {
  margin-top: (120 / @rootSize);
  height: (60 / @rootSize);
  line-height: (60 / @rootSize);
  text-align: center;
  img {
    display: inline-block;
  }
}
